<template>
<div class="tex"><el-text class="mx-1">身份验证</el-text></div>
<div class="context">
    <div class="a">
        <el-image class="image" :src="url.url_1" fit="fill" /><br>
        <el-text class="mx-1">人脸核验</el-text>
    </div>
    <div class="b">
        <el-image class="image" :src="url.url_2" fit="fill" /><br>
        <el-text class="mx-1">身份证核验</el-text>
    </div>
    <div class="c">
        <el-image class="image" :src="url.url_3" fit="fill" /><br>
        <el-text class="mx-1">辅助核验</el-text>
    </div>
</div>
</template>

<script>
export default {
    setup(){
        let url = {
            url_1: require('../../static/image/verify_1.png'),
            url_2: require('../../static/image/verify_2.png'),
            url_3: require('../../static/image/verify_3.png'),
        }
        return {url}
    }
}
</script>

<style lang="less" scoped>
    .tex{
        margin-top: 30px;
        margin-bottom: 100px;
        .mx-1{
            font-size: 40px; 
            font-weight: 900;
            color: black;
        }   
    }
    .context{
        display: flex;
        justify-content: space-around;
        .image{
            height: 150px;
            width: 150px;
            margin-bottom: 5px;
        }
        .mx-1{
            color: black;
            font-size: 15px;
            font-weight: 600;
        }
    }
</style>